.SystemAlert {
	.RoundedBorders(3px);
	@margin: 5px;

	background-color: @systemalert_bg_color;
	bottom: @margin;
	color: @systemalert_fg_color;
	font-family: monospace;
	font-weight: bold;
	padding: 5px;
	right: @margin;
	position: fixed;
	z-index: @systemalert_z_index;
}
.PopUpContainer {
	@margin: 15px;

	bottom: @margin;
	left: @margin;
	position: fixed;
	z-index: @popup_z_index;

	.PopUp {
		.RoundedBorders(5px);
		@margin: 15px;

		.TransparentBackground(@popup_bg_color);
		/*bottom: @margin;*/
		.Color(@popup_bg_color);
		border: 1px @color_value solid;
		display: block;
		/*left: @margin;*/
		margin-top: 5px;
		padding: 5px;
		position: relative;
		z-index: @popup_z_index;
	}
}
.CentralMessage {
	margin: 0px auto;
	vertical-align: middle;

	.Icon {
		text-align: center;
		width: 100%;

		img {
			max-height: 128px;
			max-width: 128px;
		}
	}

	.Title {
		font-size: x-large;
		font-weight: bold;
		text-align: center;
		text-transform: capitalize;
		width: 100%;
	}
	.SubTitle {
		font-size: large;
		font-weight: bold;
		text-align: center;
		text-transform: capitalize;
		width: 100%;
	}
	.Message {
		width: 80%;

		a {
			text-decoration: underline;
		}
	}
}
#MainBody {
	#TopPart {
		#Contents {
			.CentralMessage {
				margin: 100px auto 0px auto;
				width: 400px;
			}
		}
	}
}
